<template>
     <div class="title">
      <div class="chineseinfo">
        <slot name="chinese"></slot>
      </div>
      <div class="englishinfo">
        <slot name="english"></slot>
      </div>
    </div>
    <dv-decoration2 :dur="2" class="titleline" />
</template>
<script>
export default {

}
</script>

<style lang="less" scoped>
.title {
  //子标题字体大小
  font-size: calc(100vw * 30 / 1920);

  display: flex;
  margin-bottom: 0.3rem;
}
.chineseinfo {
  padding-right: 5px;
  border-right: 1px solid white;
}
.englishinfo {
  margin-left: 5px;
  line-height: 150%;
  color: rgb(162, 220, 75);
}
.titleline {
  width: 100%;
  height: 5px;
  margin-bottom: 5px;
}
</style>